<template>
  <div class="start">
    <img
      class="act"
      @click="showRank"
      src="../../assets/duanwu/img/act.png"
      alt=""
    />
    <img class="titleImg" src="../../assets/duanwu/img/title.png" alt="" />
    <img
      class="startImg"
      @click="start"
      src="../../assets/duanwu/img/start.png"
      alt=""
    />
  </div>
</template>

<script>
export default {
  methods: {
    start() {
      this.$emit("statGame");
    },
    showRank() {
      this.$emit("showRank", 0);
    },
  },
};
</script>

<style lang="less" scoped>
.start {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  background: url(../../assets/duanwu/img/home-bg.jpg) no-repeat;
  background-size: cover;
  min-width: 300px;
  .titleImg {
    width: 95%;
    margin: .533rem;
  }
  .startImg {
    position: absolute;
    width: 10.666rem;
    top: 11.5rem;
    left: 0;
  }
  .act {
    position: absolute;
    right: .533rem;
    top: .533rem;
    width: 2.666rem;
  }
}
</style>